import React, { Component } from 'react';
import './TeamItem.less'

export default class TeamItem extends Component {
    render() {
        return (
            <div className='team-item'>
                <div className='team-info'>
                    <div className='team-info-item'>
                        <span className='team-info-title'>用户编号：</span>
                        <span>{this.props.info.personal}</span>
                    </div>
                    <div className='team-info-item'>
                        <span className='team-info-title'>用户姓名：</span>
                        <span>{this.props.info.name}</span>
                    </div>
                    <div className='team-info-item'>
                        <span className='team-info-title'>手机号码：</span>
                        <span>{this.props.info.phone}</span>
                    </div>
                    <div className='team-info-item'>
                        <span className='team-info-title'>佣金价格：</span>
                        <span>{this.props.info.commission}</span>
                    </div>
                    <div className='team-info-item'>
                        <span className='team-info-title'>注册时间：</span>
                        <span>{this.props.info.time}</span>
                    </div>
                </div>
                <a href={`tel:${this.props.info.phone}`} className='team-item-bottom'>
                    <div>
                        <span className='bottom-item'>团队人数：{this.props.info.team}</span>
                        <span className='bottom-item'>推广人数：{this.props.info.extension}</span>
                    </div>
                    <div>
                        <img className='team-link' src={require('../../../images/team_icon3.png')} alt="" />
                    </div>
                </a>
            </div>
        );
    }
}